<template>
  <div class="patient_main">
    <div class="main" style="padding-bottom: 0;">
      <div class="choose-empty">
        <div class="dxd-empty">
          <div class="dxd-empty-image">
            <img src="../../assets/ForgetSuccess.png">
          </div>
          <div class="dxd-empty-text" style="font-size: 13px;">
            <span style="font-size: 20px;">支付成功</span>
            <span>&nbsp;&nbsp;</span>
            <span class="toHome" style="font-size: 20px;" @click="router.push('/')">返回首页</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

import router from "../../router/index.js";
</script>

<style scoped>
.patient_main {
  background-color: #f4f4f4;
}

.main {
  width: 768px;
  height: 100%;
  margin: 0 auto;
  background-color: white;
}

.choose-empty {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.dxd-empty {
  padding: 40px 0;
  text-align: center;
}
.dxd-empty-image {
  height: 115px;
}
.dxd-empty-image img {
  height: 100%;
}
.dxd-empty-text {
  margin-top: 30px;
  color: #666;
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.toHome{
  text-decoration: none;
  color: black;
  font-size: 13px;
  cursor: pointer;
}
.toHome:hover{
  color: #00c792;
}
</style>